
<layout name="layout" />

<style >
    .ir_container
    {


        padding:20px;
    }
    #ir .step
    {

        text-align:center;
        padding-left:0px;
        padding-right:0px;


    }
    #ir .bg
    {
        background:url('/weike/images/user_rs_step-off.png');
        display:inline-block;
        height:34px;
        width:34px;
        line-height:34px;
        color:#FFFFFF;
        font-weight:bold;
        font-size:14px;
        position:relative;
        z-index: 9999;

    }
    #ir .deco
    {
        height:10px;
        padding:3px  0px ;
        width:100%;
        position:absolute;
        top:12px;
        left:0;
        background:rgb(214,214,214);
        z-index: 1;

    }
    #ir .deco span
    {
        background:rgb(0, 153, 68);
        display:block;
        width:100%;
        height:4px;
        z-index: 1;
    }
    #ir .steps
    {

        padding:0px 0 20px 0;


    }
    #ir .step_c
    {
        position:relative;

    }
    #ir #deco1
    {
        padding-left:4px;
    }
    #ir #deco4
    {
        padding-right:4px;
    }
    #ir .title
    {
        color:rgb(102,102,102);
        line-height:28px;
    }


</style>


<div id="ir" class="container ir_container">
    <div   class="row">
        <div class="ir_tips col-sm-12">发布流程</div>

        <div class="col-sm-12">
            <div class="steps row">

                <div id="step1" class="step  col-sm-3 col-xs-6">
                    <div class="title">选择类目</div>
                    <div class="step_c">
                        <span class="bg">1</span>
                        <span id="deco1" class="deco"><span></span></span>

                    </div>


                </div>	

                <div id="step2"  class="step col-sm-3 col-xs-6" >
                    <div class="title">描述你的需求</div>
                    <div class="step_c">
                        <span class="bg">2</span>
                        <span class="deco"><span></span></span>

                    </div>

                </div>	

                <div id="step3"  class="step col-sm-3 col-xs-6" >
                    <div class="title">设置需求赏金</div>
                    <div class="step_c">
                        <span class="bg">3</span>
                        <span class="deco"><span></span></span>

                    </div>

                </div>	

                <div id="step4"  class="step col-sm-3 col-xs-6">
                    <div class="title">确认需求</div>
                    <div class="step_c">
                        <span class="bg">4</span>
                        <span  id="deco4" class="deco"><span></span></span>

                    </div>

                </div>	



            </div>

        </div>
    </div>
</div>